<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="./img/logo.ico" type="image/x-icon" />
    <title>子杰优品</title>
    <link rel="stylesheet" type="text/css" href="css/menu.css" />
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/index.css" />
    <link rel="stylesheet" href="/css/particular.css" />
    <link rel="stylesheet" href="/font/iconfont.css" />
  </head>
  <style>
    #exzoom {
      width: 372px;
      /*height: 400px;*/
    }
  </style>
  <body>
    <!-- header 头部 -->
    <div class="html-warp header1-warp">
      <!-- header1 -->
      <div class="html-main header1">
        <ul>
          <li class="login">
            <span class="user usera"><a href="login.html">注册/登入</a></span>
          </li>
          <li><a href="#">帮助中心</a></li>
          <li>
            <a href="#"><span class="iconfont">&#xe71f;</span>下载 APP</a>
          </li>
          <li class="headerA">
            <a href="#">资质证照 / 协议规则</a>
            <ul class="headerB">
              <li><a href="./login.html"></a>资质证照</li>
              <li><a href="./login.html"></a>协议规则</li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="html-main">
      <!-- header2 -->
      <div class="header2">
        <ol>
          <div><img src="./img/logo.jpg" alt="" /></div>
          <div class="item">
            <div><a href="#">限时抢购</a></div>
            <div><a href="#">企业采购</a></div>
          </div>
          <div>
            <form action="" class="search">
              <span class="iconfont"> &#xe729;</span>
              <input type="text" value="" placeholder="搜索框" />
            </form>
          </div>
          <span class="iconfont iconfont2">
            <a href="cart.html">&#xe86e; </a>
          </span>
        </ol>
      </div>
    </div>
    <div class="html-main location">
      <div><a href="index.html">首页</a></div>
      <div>&gt;</div>
      <div><a href="particular.html">详情页</a></div>
    </div>
    <!-- particular -->
    <div class="html-main">
      <div class="particular-top">
        <!-- <div class="particular-top-left">
          <div class="imgdet">
            <div class="imglist">
              <ul>
                <li class="active">
                  <img src="./img/particular1-1.webp" alt="" />
                </li>
                <li class="active">
                  <img src="./img/particular1-2.webp" alt="" />
                </li>
                <li class="active">
                  <img src="./img/particular1-3.webp" alt="" />
                </li>
                <li class="active">
                  <img src="./img/particular1-4.webp" alt="" />
                </li>
              </ul>
            </div>
            <div class="imgpart">
              <div class="pic">
                <img src="./img/particular1-1.webp" alt="" />
                <div class="magnify"></div>
              </div>
              <div class="bigpic">
                <img src="./img/particular1-1.webp" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div class="particular-top-right">
          <div class="particular-top-right-t">
            <div class="particular-top-right-t-1">
              DJI 大疆 Mini 2 航拍小飞机便携可折叠无人机航拍器
            </div>
            <div class="particular-top-right-t-2">
              4K视频，4倍变焦，最远10公里控制距离，一键短片、一键全景
            </div>
          </div>
          <div class="particular-top-right-c">
            <div class="particular-top-right-c-01">
              <p>售价</p>
              <span>¥516</span>
            </div>
            <div class="particular-top-right-c-02">
              <div class="c-022">服务</div>
              <div class="c-023">
                <div>
                  <img src="/img/particular-r.png" />
                  <span>包邮</span>
                </div>
                <div>
                  <img src="/img/particular-r.png" />
                  <span>三方店铺</span>
                </div>
                <div>
                  <img src="/img/particular-r.png" />
                  <span>7天无理由</span>
                </div>
                <div>
                  <img src="/img/particular-r.png" />
                  <span>由福州来旺兄弟贸易有限公司发货并提供售后</span>
                </div>
              </div>
            </div>
          </div>
          <div class="particular-top-right-f">
            <div class="right-f1 right-f11"><a href="#">加入购物车</a></div>
            <div class="right-f1 right-f12"><a href="#">立即购买</a></div>
            <div class="right-f2 right-f12"><a href="#">收藏</a></div>
            <div class="right-f2 right-f12"><a href="#">客服</a></div>
          </div>
        </div> -->
      </div>
    </div>

    <!--页尾 -->
    <div class="html-main">
      <div class="footer .clear::after">
        <div class="footer-left fl">
          <div><img src="./img/logo.jpg" alt="" /></div>
        </div>
        <div class="footer-center fl">
          <ul>
            <li>
              企业名称：子杰有品信息科技有限公司
              <span><a href="#">关于我们</a></span>
              <span><a href="#">入驻有品</a></span>
              <span><a href="#">知识产权侵权投诉</a></span>
            </li>
            <li>上海市宝山区同济支路199号智慧七立方3号楼2-4层</li>
            <li>子杰有品平台运营主体变更公告</li>
          </ul>
        </div>
        <div class="footer-right fl">
          <!-- <div><img src="./img/logo.jpg" alt="" /></div> -->
          <div><img src="./img/foot-img.png" alt="" /></div>
        </div>
      </div>
    </div>
  </body>
  <script src="./libs/jquery-1.11.0.min.js"></script>
  <script src="./js/index.js"></script>
  <script src="./js/particular.js"></script>
  <script src="./js/login.js"></script>
</html>
